@charset "utf-8";
@import "reset.css";
/* style.css - 基本样式文件
---------------------------------------------------------------- */

/* ///////////////////////////////////////// 
	=感应网页设计 (Responsible Web Design)
///////////////////////////////////////// */


/* 桌面PC */

/* ///////////////////////////////////////// 
	=.Global Classes
///////////////////////////////////////// */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.blind {
  visibility: hidden;
  position: absolute;
  top: -10000px;
  height: 1px;
  width: 1px;
}


body {
	font-family:"宋体";
  font-size: 100%;
   line-height: 1.5;
	}

body header,
body header .row #gnb,
body #header-bar,
body #contents,
body footer {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
a,a:visited{border:none;
}

/* 页头模块样式  */
body .row {

  width: 100%;
  max-width: 1200px;
  min-width: 755px;
  margin: 0 auto 2%;
}



body header {
  background: url(../images/header-bg.jpg) no-repeat 50% 55%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
body header .row {
  position: relative;
  height: 500px;
  margin-bottom: 0;
}
body header .row #brand {
  overflow: hidden;
  position: relative;
  top: 94px;
  left: -22px;
  margin-top: 0;
  width: 194px;
  height: 194px;
  background: url(../images/header-brand-logo.png) no-repeat;
  text-indent: -10000px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
body header .row #brand:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50px;
  width: 17px;
  height: 17px;
  margin-left: -8.5px;
  background: url(../images/header-brand-star.png) no-repeat;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
body header .row #brand:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body header .row #brand:hover:before {
  top: 35px;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
body header .row #gnb {
  position: absolute;
  top: 35px;
  right: 100px;
}
body header .row #gnb ul {
  margin: 0;
}
body header .row #gnb ul li {
  float: left;
  margin-right: 1.875em;
}
body header .row #gnb ul li:last-child {
  margin-right: 0;
}
body header .row #gnb ul li a {
  font: 1em "黑体";
  color: #282020;
  text-decoration: none;
  text-shadow: 0 1px #b3b3b3;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body header .row #gnb ul li a:hover, body header .row #gnb ul li a:focus {
  color: #fff;
  text-shadow: none;
}
body #header-bar {
  position: relative;
  top: -45px;
  padding: 13px 0px  ;
  background: #272727;
  background: rgba(38, 38, 38, 0.4);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
body #header-bar.scrolled {
  background: #262626;
}
body #header-bar.scrolled .row p a {
  visibility: visible;
  opacity: 1;
  left: -45px;
}
body #header-bar .row {
  margin-bottom: 0;
}
body #header-bar .row p {
  float: left;
  position: relative;
  top: 2px;
  margin: 0;
  margin-left:20px;
  font: 1em Georgia;
  letter-spacing: .3px;
  color: #fff;
  
}
body #header-bar .row p:after {
  content: '';
  position: absolute;
  width: 34px;
  height: 1px;
  background: #b2765b;
  top: 50%;
  right: -44px;
}
body #header-bar .row p a {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -10px;
  left: 20px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
body #header-bar .row ul {
  width: 46.666667%;
  margin: 0;
  margin-left: 27.5%;
}

.old body #header-bar .row ul {
  width: 50%;
}

body #header-bar .row ul li {
  float: left;
  margin-right: 5%;
}
body #header-bar .row ul li:last-child {
  margin-right: 0;
}
body #header-bar .row ul li a {
  font: 1em Georgia;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px #b3b3b3;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body #header-bar .row ul li a:hover, body #header-bar .row ul li a:focus {
  color: #b2765b;
  text-shadow: none;
}

/* 轮播模块样式 */

.lunbo{
	background: #eaeaea ;
	color: #383838;
	margin-bottom:50px;
	padding-bottom:80px;	
	
}

/* 峨眉山佛光模块样式 */

.foguang{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:50px;
}

.foguang  h1 {
 font-size:1.5em;
  margin-bottom: 1.5em;
  color: #999;
  font-weight: bold;
  text-align: center;
 
}
.foguang h1 span {
  display: block;
  margin-top: 6px;
  letter-spacing: 2px;
  font: 0.7em Verdana;
}




.foguang_intro{
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
	max-width:1200px;
	border-radius:5px;
	box-shadow:4px 4px 10px rgba(0,0,0,0.5);
	
}

.foguang_intro  figure{
	padding:5px;
	margin:0px;
	color:#999;
	position:relative;
}

.foguang_intro  p{
	color:#999999;
	padding:10px;	
}



.foguang_intro    img{
	display:block;
	margin:0;
	margin-bottom:0px;
	width:100%;
}

.pictitle{
	position:absolute;
	margin-left:5px;
	margin-right:5px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,0.5);
	text-align:center;
	height:100px;
	line-height:100px;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	}
	
	.foguang_intro  ul{
		margin-top:50px;
	}
	
	.foguang_intro   li{
		float:left;
		width:48%;
	    height:auto;
	   	background:#fff;
		margin:0.5%;
		
		}
		
	.foguang_intro   li:nth-child(odd){
		margin-right:1.5%;
		margin-bottom:5%;
		
	}
	
		.foguang_intro   li:nth-child(even){
			margin-left:1.5%;
			margin-bottom:5%;
		
	}
	
.foguang_intro   li  figure{
	width:95%;
	height:auto;	
	padding:2.5%;
	text-align:left;
	border-radius:5px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	position:relative;
	
}


.foguang_intro   li  figure  img{
	max-width:100%;
}




.foguang_intro   li  figcaption{
	
	position:absolute;
	left:5%;
	bottom:10%;
	width:70%;
	background:rgba(0,0,0,0.6);
	font-size:12px;
	color:#fff;
	line-height:1.5;
	
	
	padding:2%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	background-image:url(../images/icon_foguang.png);
	background-repeat:no-repeat;
	background-position:93% 10%;
}

.foguang_intro   li  figure:hover  figcaption{
	background-image: url(../images/icon_foguang_hover.png);
}


.foguang_intro   li  figcaption  h2{
	color:#d66029;
}


	
/* 峨眉山风景推荐模块   */
.fengjingtuijianWrap{
	margin:50px  0px;
    background: #eaeaea ;
    padding:25px;
 
}

#fengjingtuijian {
  width: 90%;
  max-width:1200px;
  
  margin: 0px auto;
  background:#eaeaea;
}


#fengjingtuijian    h1 {
 font-size:1.5em;
  margin-bottom: 1.5em;
  color: #ccc;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 2px #fff;
}
#fengjingtuijian   h1 span {
  display: block;
  margin-top: 6px;
  letter-spacing: 2px;
  font: 0.7em Verdana;
}

/* 峨眉山人文模块    */

.renwenxiaoguo{
	z-index:1000;	
	transition:all 0.5s  ease;
	
}

.renwenxiaoguo:hover{
	transform:scale(1.2);
	
}

.renwenxiaoguo2{
	transition:all 0.5s ease;
}

.renwenxiaoguo2  figure{
	margin:0px;
	padding:0px;
	position:relative;
}

.renwenxiaoguo2  figcaption{
	transition:all 0.5s ease;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:6px;
	background:rgba(0,0,0,0);
	opacity:0;
	text-align:center;
	line-height:1.5;
	}
	
	.renwenxiaoguo2:hover  figcaption{
		background:rgba(99,99,99,1.00);
		
	     opacity:1;
	}
	



.emeirenwenWrapdiv{
		margin:50px ;
}


#emeirenwen{
	padding:20px ;
	max-width:1000px;
	width:90%;
	margin:0 auto;
	background:#a0a0a0;
	border:solid 1px #fff;
	border-radius:3px;
	box-shadow:0  0  8px rgba(0,0,0,0.5);
	
}


#emeirenwen   h1 {
 font-size:1.5em;
  margin-bottom: 1.5em;
  color: #fff;
  font-weight: bold;
  text-align: center;
 
}
#emeirenwen   h1 span {
  display: block;
  margin-top: 6px;
  letter-spacing: 2px;
  font: 0.7em Verdana;
}
#emeirenwen  div{
	margin:-3px  0px;
	padding:0px;
	}

#emeirenwen   img{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.renwen01{float:left;
width:16.6666667%;
}


.renwen02{
	width:33.3333333%;
	float:left;
}


/*页面底部模块*/

footer{
	background:#000;
}


#footer {
	width:80%;
	margin: 20px auto  0px auto ;
	padding:20px  0  0;
	color: #fff;
	}
footer p {
	margin: 0 0 10px 0;
	font-size: .8em;
	line-height: 1.5;
	color: #999;
	text-align: center;
	}

#footer-logos {
	margin: 0 0 10px 0;
	text-align: center;
	}
#footer-logos li {
	display: inline;
	}
 #footer-logos a {
	border: none;
	}	
 #footer-logos a img {
	 width:24px;
	 height:24px;
	border: none;
	opacity: .45;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	}
#footer-logos a:hover img {
	opacity: .9;
	
	}


/* 平板电脑: 1024 以下 */
@media handheld, only screen and (max-width: 1023px) {
	
	
  body header,
  body #header-bar,
  body #contents,
  body footer {
    width: 90%;
	padding-left: 5%;
    padding-right: 5%;
  }
  
  
  
  
  /*页头部分 */
  
  body header .row #gnb {
  position: absolute;
  top: 35px;
  right: 8.5%;
}

/* 风景推荐模块    */

tabs .tab_contents {
	
  min-height:450px;
  }

.tabs .tab_contents li {
  min-height: 450px;
  
}


}
/* 屏幕大小为768~480*/
@media (min-width: 481px) and (max-width:768px) {


body   .row {	
 
   margin: 0 auto 2%;
}  
  
  
  /*  页头模块样式设置  */


body header .row #gnb {
  position: absolute;
  top: 35px;
  left: 50px;
}


/*峨眉山佛光模块*/


.foguang_intro   li{
		float:none;
		width:95%;
	    height:auto;
	   	background:#fff;
		margin:2.5%;
		
		}
		
	.foguang_intro   li:nth-child(odd){
		margin-right:2.5%;
		margin-bottom:2.5%;
		
	}
	
		.foguang_intro   li:nth-child(even){
			
		margin-right:2.5%;
		margin-bottom:2.5%;
	}
	
.foguang_intro   li  figure{
	width:95%;
	height:auto;	
	padding:2.5%;
	text-align:left;
	border-radius:5px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	position:relative;
	
}


.foguang_intro   li  figure  img{
	max-width:100%;
}




.foguang_intro   li  figcaption{
	
	position:absolute;
	left:5%;
	bottom:10%;
	width:80%;
	background:rgba(0,0,0,0.6);
	font-size:12px;
	color:#fff;
	line-height:1.5;
	
	
	padding:2%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	background-image:url(../images/icon_foguang.png);
	background-repeat:no-repeat;
	background-position:93% 10%;
}





  
  /*风景推荐模块    */

#fengjingtuijian {
  
  min-width:480px;
	}
	
	
	
	
	#fengjingtuijian    h1 {
		font-size:1.4em;
  
}

#fengjingtuijian   h1 span {
 
  font-size: 0.8em ;
}
  
  .tabs .tab_menu li a {
	    padding: 0.25em 0.75em;

        font-size: 0.2em;
  }  
  
  
  tabs .tab_contents {
	
  min-height:450px;
  }

.tabs .tab_contents li {
  min-height: 450px;
  
}
  
  footer {
    padding-top: 0;
  }
  footer p {
    padding-top: 20px;
    padding-bottom: 0;
    background: none !important;
  }
  footer p small {
    line-height: 1.5;
  }
}
/* 屏幕宽度480 */
@media (max-width:480px) {
	
/*  页头模块样式设置  */
body header .row {
	
    height: 200px;
  
}

body header .row #gnb {
  position: absolute;
  top: 35px;
  left: 0px;
}

body   #header-bar  p{display:none;}

body header .row #brand{display:none;}



body   #header-bar #gnb{
	margin:0 auto  20px;
			
	}
	

	
body #header-bar .row ul {
  width: 100%;
  margin-left: 10px;
 
}

/*轮播效果模块*/

.lunbo{
	
	margin-top:20px;
}


.foguang_intro   li{
	    float:none;		
		width:90%;
	   
	    margin:20px auto;
		
		}
	
.foguang_intro   li  figure{
	width:90%;
	height:auto;
	
	padding:5%;
	
}


/* 佛光模块  */
.foguang_intro   li{
		float:none;
		width:95%;
	    height:auto;
	   	background:#fff;
		margin:2.5%;
		
		}
		
	.foguang_intro   li:nth-child(odd){
		margin-right:2.5%;
		margin-bottom:2.5%;
		
	}
	
		.foguang_intro   li:nth-child(even){
			
		margin-right:2.5%;
		margin-bottom:2.5%;
	}
	
.foguang_intro   li  figure{
	width:95%;
	height:auto;	
	padding:2.5%;
	text-align:left;
	border-radius:5px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	position:relative;
	
}


.foguang_intro   li  figure  img{
	max-width:100%;
}




.foguang_intro   li  figcaption{
	
	position:absolute;
	left:5%;
	bottom:10%;
	width:80%;
	background:rgba(0,0,0,0.6);
	font-size:12px;
	color:#fff;
	line-height:1.5;
	
	
	padding:2%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	background-image:url(../images/icon_foguang.png);
	background-repeat:no-repeat;
	background-position:93% 10%;
}



/*风景推荐模块*/
	
  #fengjingtuijian {
  width: 100%;
  max-width:480px;
  margin: 0px auto;
}

#fengjingtuijian    h1 {
  font-size:1.4em;
  
}

#fengjingtuijian   h1 span {
 
  font-size: 0.8em ;
}

 
	
}
